// pages/area/area.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    items: [
      { name: '0', value: '天津' },
      { name: '1', value: '海南' },
      { name: '2', value: '北京' },
      { name: '3', value: '天津' },
      { name: '4', value: '沈阳' },
      { name: '5', value: '浙江' },
      { name: '6', value: '海南' },
      { name: '7', value: '海南' },
      { name: '8', value: '海南' },
      { name: '9', value: '北京' },
      { name: '10', value: '天津' },
      { name: '11', value: '沈阳' },
      { name: '12', value: '浙江' },
      { name: '13', value: '海南' },
      { name: '14', value: '海南' },
    ],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  // 选择区域
  checkboxChange: function (e) {
    var that = this;
    var skin = e.detail.value
    //新建数组全部设置为没被选中
    var new_itmes = [
      { name: '0', value: '天津' },
      { name: '1', value: '海南' },
      { name: '2', value: '北京' },
      { name: '3', value: '天津' },
      { name: '4', value: '沈阳' },
      { name: '5', value: '浙江' },
      { name: '6', value: '海南' },
      { name: '7', value: '海南' },
      { name: '8', value: '海南' },
      { name: '9', value: '北京' },
      { name: '10', value: '天津' },
      { name: '11', value: '沈阳' },
      { name: '12', value: '浙江' },
      { name: '13', value: '海南' },
      { name: '14', value: '海南' },
    ]
    if (skin.length > 3) {
      //取出倒数三个值
      var key1 = skin[skin.length - 1];
      var key2 = skin[skin.length - 2];
      var key3 = skin[skin.length - 3];
      //设置最后三个值为选中状态
      new_itmes[key1]['checked'] = 'true'
      new_itmes[key2]['checked'] = 'true'
      new_itmes[key3]['checked'] = 'true'

      //删除被选中的第一个值
      skin.splice(0, 1);
    } else {
      //被选中少于三个，直接设置被选中
      for (var i = 0; i < skin.length; i++) {
        var key = skin[i]
        new_itmes[key]['checked'] = 'true'
      }
    }
    //所选择的城市
    var text = [];
    for (var i = 0; i < skin.length; i++) {
      var key = skin[i]
      var val = that.data.items[key]['value'];
      var temp = {
        value: val
      }
      text.push(temp);
    }
    //存入
    that.setData({
      skin: skin,
      text: text,
      items: new_itmes
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})